// 从SCSS变量导出为JavaScript对象，供Tailwind配置使用
const colors = {
  "theme-primary": "rgb(124, 58, 237)",
  "theme-primary-light": "#60a5fa",
  "theme-primary-dark": "#2563eb",

  "theme-secondary": "#10b981",
  "theme-secondary-light": "#34d399",
  "theme-secondary-dark": "#059669",

  "theme-success": "#22c55e",
  "theme-warning": "#f59e0b",
  "theme-error": "#ef4444",
  "theme-info": "#3b82f6",

  "theme-gray-50": "#f9fafb",
  "theme-gray-100": "#f3f4f6",
  "theme-gray-200": "#e5e7eb",
  "theme-gray-300": "#d1d5db",
  "theme-gray-400": "#9ca3af",
  "theme-gray-500": "#6b7280",
  "theme-gray-600": "#4b5563",
  "theme-gray-700": "#374151",
  "theme-gray-800": "#1f2937",
  "theme-gray-900": "#111827",

  "text-primary": "#111827",
  "text-secondary": "#374151",
  "text-disabled": "#9ca3af",

  "bg-primary": "#ffffff",
  "bg-secondary": "#f9fafb",
  "bg-tertiary": "#f3f4f6",

  "border-light": "#e5e7eb",
  "border-normal": "#d1d5db",
  "border-dark": "#9ca3af",

  "theme-main-color": "#3b82f6",
};

module.exports = colors;
